.home {
  padding-bottom: calc(88rpx + 40rpx + constant(safe-area-inset-bottom) + 60rpx);
  padding-bottom: calc(88rpx + 40rpx + env(safe-area-inset-bottom) + 60rpx);
  @supports not (constant(safe-area-inset-bottom)) {
    padding-bottom: 180rpx;
  }
  padding-bottom: 220rpx !important;
}
.box {
  padding: 20px;
}
.banner {
  width: 750rpx;
  height: 380rpx;
  /* border: 2rpx solid rgba(0, 0, 0, 0); */
  /* background: linear-gradient(186deg, #fd8d8d 0%, #f63434 100%); */
  background: #f96a6a;
}
.bannerParent {
  position: relative;
  height: 100%;
  width: 100%;
}
.banner .one {
  font-size: 48rpx;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: 50rpx;
  top: 78rpx;
  z-index: 9;
}
.banner .two {
  position: absolute;
  font-size: 56rpx;
  font-weight: bold;
  color: #ffe6b3;
  left: 50rpx;
  top: 150rpx;
  z-index: 9;
}
.banner .icon {
  position: absolute;
  right: 24rpx;
  top: 30rpx;
  width: 300rpx;
  height: 230rpx;
}
.banner .icon img {
  width: 300rpx;
  height: 230rpx;
}

.getPhoneBtn {
  color: #fff;
  width: 700rpx;
  height: 88rpx;
  line-height: 88rpx;
  border-radius: 24rpx;
  font-size: 36rpx;
  margin-top: 100rpx;
  background: -moz-linear-gradient(top, #fe894d 0%, #ef3931 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe894d), color-stop(100%, #ef3931));
  background: -webkit-linear-gradient(top, #fe894d 0%, #ef3931 100%);
  background: -o-linear-gradient(top, #fe894d 0%, #ef3931 100%);
  background: -ms-linear-gradient(top, #fe894d 0%, #ef3931 100%);
  background: linear-gradient(to bottom, #fe894d 0%, #ef3931 100%);
}
.disBlockBox {
  font-size: 32rpx;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  text-align: center;
  display: flex;
}
.disBlockBox .disBlockKid {
  display: inline-block;
  position: relative;
  border: 2rpx solid #707070;
  width: 164rpx;
  margin-right: 14rpx;
  border-radius: 16rpx;
  margin-bottom: 16rpx;
  opacity: 0.85;
  height: 64rpx;
  line-height: 64rpx;
  font-size: 28rpx;
}

.disBlockBox .disBlockKid:last-child {
  margin-right: 0;
}
.disBlockBox .disBlockKid:first-child {
  margin-left: 0;
}
.disBlockKid .cur {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40rpx;
  height: 40rpx;
}
.disBlockKid .cur img {
  width: 100%;
  height: 100%;
}
.disBlockBox .disBlockKid .disBlock {
  display: inline-block;
  width: 100%;
  text-align: center;
  // opacity: 0.55;
}
.chose {
  border: 2rpx solid #f34e1c !important;
  color: #f34e1c;
}
.chose .disBlock {
  opacity: 1 !important;
}
.choseImg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36rpx;
  height: 36rpx;
}
.userIcon img {
  width: 120rpx;
  height: 120rpx;
  border-radius: 120rpx;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.userIcon {
  width: 120rpx;
  height: 120rpx;
  position: relative;
  background-color: #e5edfe;
  border-radius: 120rpx;
}
.orgColor {
  background: rgba(254, 236, 215, 1);
}
.marginTB20 {
  margin: 10rpx 0;
}
.content {
  padding: 40rpx;
  border-radius: 24rpx;
  background-color: #fff;
  margin: 24rpx 24rpx 24rpx 24rpx;
  /* box-shadow: 0px 12px 12px #e8e8e8; */
}
.marginTop-40 {
  margin-top: -120rpx;
}
.marginTop40 {
  margin-top: 40rpx;
}
.marginBottom20 {
  margin-bottom: 20rpx !important;
}
.paddingBotNone {
  padding-bottom: 12rpx;
}
.content .title {
  font-size: 36rpx;
  margin-bottom: 40rpx;
}
.lineHeight86 {
  height: 86rpx;
  line-height: 86rpx;
}
.size28 {
  font-size: 28rpx;
}
.inputBox {
  border-bottom: 1px solid #e8e8e8;
  font-size: 30rpx;
  position: relative;
  padding: 10rpx 0;
  .mustInp {
    position: absolute;
    left: -10rpx;
    top: 30rpx;
  }
  .inputIcon {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20rpx;
    z-index: 9;
    img {
      width: 40rpx;
      height: 40rpx;
    }
  }
}
.inputBox:last-child {
  border: none;
}
.clearInp {
  position: absolute;
  right: 0rpx;
  top: 16rpx;
  z-index: 99;
  display: inline-block;
  width: 80rpx;
  text-align: center;
  height: 80rpx;
  line-height: 80rpx;
}
.clearInp img {
  width: 28rpx;
  height: 28rpx;
}
.idAuthen {
  position: absolute;
  right: 100rpx;
  top: 50%;
  margin-top: -16rpx;
  z-index: 99;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  width: 64rpx;
  height: 32rpx;
  line-height: 32rpx;
  border-radius: 4rpx;
  text-align: center;
  color: #fff;
  font-size: 24rpx;
}
.inputBox .title {
  float: left;
}
.inputBox .name {
  float: left;
  width: 140rpx;
  
}
.inputBox .uni-input {
  float: left;
  width: 410rpx;
  color: rgba(0, 0, 0, 0.55);
  text-align: left;
  padding-right: 70rpx;
}
.inputBox .marginRN {
  padding-right: 0;
}
.clear {
  clear: both;
  overflow: hidden;
  zoom: 1;
  height: 0px;
}
.marginTop20 {
  margin-top: 20rpx;
}
.city {
  color: rgba(0, 0, 0, 0.55);
  font-size: 28rpx;
  position: relative;
}
.rightIcon {
  position: absolute;
  right: 0rpx;
  top: 2rpx;
}
.rightIcon img {
  width: 48rpx;
  height: 48rpx;
}
.chose {
  border: 2rpx solid #f25559;
  color: #f25559;
}
.uni-btn-v button {
  width: 702rpx;
  height: 88rpx;
  border: 2rpx solid rgba(0, 0, 0, 0);
  background: linear-gradient(236deg, #fe894d 0%, #ef3931 100%);
  opacity: 1;
  border-radius: 44rpx;
  color: #fff;
  font-size: 36rpx;
}
.userHistory {
  color: rgba(0, 0, 0, 0.5);
}
.userHistory .spans {
  display: inline-block;
  padding: 4rpx 24rpx;
  font-size: 28rpx;
  background-color: #f3f3f3;
  color: rgba(0, 0, 0, 0.55);
  border-radius: 28rpx;
  margin-right: 20rpx;
  margin-left: 10rpx;
  margin-bottom: 10rpx;
}
.historyCur {
  background: rgba(239, 57, 49, 0.6) !important;
  color: #fff !important;
}
.marginBot20 {
  margin-bottom: 20rpx;
}
.wordTitle {
  color: rgba(0, 0, 0, 0.55);
}
.wordColorBlack {
  color: #333;
}

.footbox {
  margin-top: 20rpx;

  background-color: #fff;
  padding: 40rpx;
}
.blue {
  color: #418dc7;
}
.noClick {
  pointer-events: none;
}
.uni-list-cell-db {
  .uni-input {
    height: 80rpx;
    line-height: 80rpx;
  }
}
.marginBottom20 {
  margin-bottom: 20rpx;
}
.grey {
  color: rgba(0, 0, 0, 0.3);
}
.pointNone {
  opacity: 0.6 !important;
  pointer-events: none;
  .sickBox {
    color: #999;
  }
  .uni-input {
    color: #999;
  }
}
.textLeft {
  text-align: left !important;
}
.sickBox {
  font-size: 28rpx;
  margin: 0 auto;
  margin-top: 10rpx;
  text-align: left;
}
.sickBtn {
  width: 100rpx;
  display: inline-block;
  text-align: center;
  height: 60rpx;
  line-height: 60rpx;
  border: 2rpx solid #b2b2b2;
  margin: 0 20rpx;
  border-radius: 16rpx;
  position: relative;
}
.chose {
  border: 2rpx solid #f25559;
  color: #f25559;
  opacity: 1 !important;
}
.sickBtn .cur {
  position: absolute;
  right: 0;
  bottom: 0;
}
.sickBtn .cur {
  width: 46rpx;
  height: 46rpx;
}
.sickBtn .cur img {
  width: 100%;
  height: 100%;
}
.sickBtn:first-child {
  margin-left: 0;
}
.sickBtn:last-child {
  margin-right: 0;
}
.home {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.requestField {
  position: relative;
}
.requestField::before {
  content: '*';
  position: absolute;
  display: inline-block;
  color: #f00;
  top: 6rpx;
  left: -20rpx;
}
.pickStyle {
  min-height: 86rpx;
  width: 100%;
  position: relative;
}
.marginRight50 {
  margin-right: 50rpx;
}
.indentContent {
  padding-left: 140rpx;
  position: relative;
  border-bottom: 2rpx solid #e8e8e8;
  padding-bottom: 8rpx;
  .indentTitle {
    position: absolute;
    left: 0;
    top: 20rpx;
  }
}
